﻿@using MML.Helpers.Knockout;
@model AppSCO.Models.administracionModel
@{
    ViewBag.Title = "atencionCitas";
    var ko = Html.CreateKnockoutContext();
}

<h1>Atencion de Citas</h1>
<span id="CODCITA" style="display:none;">@Model.citaGenerada.CODCIT</span>
<fieldset>
    <legend>Datos paciente</legend>
    <table border="0" style="width:600px;" class="formulario" data-bind="with: citaGenerada" >
        <tr>
            <td style="width:140px;">@Html.LabelFor(c=>c.citaGenerada.DNIPAC)</td>
            <td><span data-bind="text: DNIPAC"></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.NOMPAC)</td>
            <td><span data-bind="text: NOMPAC"></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.APEPPAC)</td>
            <td><span data-bind="text: APEPPAC"></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.APEMPAC)</td>
            <td><span data-bind="text: APEMPAC"></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.CORPAC)</td>
            <td><span data-bind="text: CORPAC"></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.TELCPAC)</td>
            <td><span data-bind="text: TELCPAC"></span></td>
        </tr>
    </table>
</fieldset><br />

<fieldset>
    <legend>Datos de la Cita</legend>
    <table border="0" class="formulario" style="width:700px;" data-bind="with: citaGenerada">
        <tr>
            <td style="width:140px;">@Html.LabelFor(c=>c.citaGenerada.FECCITA)</td>
            <td><span data-bind="text: FECCITA" ></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.DESHOR)</td>
            <td><span data-bind="text: DESHOR" ></span></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.listaLaboratorio)</td>
            <td><select  name="CODDIS" style="width:400px" data-bind="options: listaLaboratorio, optionsValue: 'Value', optionsText: 'Text', optionsCaption: '(TODOS)', value: CODLAB"></select></td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.listaDoctor)</td>
            <td><select  style="width:200px" data-bind="options: listaDoctor, optionsValue: 'Value', optionsText: 'Text', optionsCaption: '(TODOS)', value: CODDOC"></select></td>
        </tr>
        <tr>
            <td><label>ESTADO DE CITA</label></td>
            <td><input id="APROBO" type="radio" name="est" value="A" checked="checked" /> APROBO &nbsp;&nbsp; <input id="DESAPROBO" type="radio" name="est" value="D" /> DESAPROBO</td>
        </tr>
        <tr>
            <td>@Html.LabelFor(c=>c.citaGenerada.OBSCIT)</td>
            <td>
                <textarea rows="2" cols="1" data-bind="value: OBSCIT" style="width:400px;"></textarea>
            </td>
        </tr>
    </table>
</fieldset>
<br />
<div style="text-align:center;">
    <button  data-bind="click: viewModel.atenderCita">GRABAR</button>&nbsp;
    <button  data-bind="click: viewModel.regresar">REGRESAR</button>&nbsp;
</div>


@ko.Initialize(Model)
<script type="text/javascript">
    var urlDatosCitaPorAtender = '@Url.Action("datosCita","atencion")';
    var urlAtenderCita = '@Url.Action("atenderCita","atencion")';
    
    viewModel.verDatosCita = function () {
        $.ajax({
            url: urlDatosCitaPorAtender,
            type: "POST",
            async: true,
            contentType: "application/json",
            data: "{ 'CODCIT' : '" + $("#CODCITA").text() + "' }",
            success: function (result) {
                var data = eval("(" + result.datos + ")");
                ko.mapping.fromJS(data.datosCitaResult, {}, viewModel.citaGenerada);
            },
            error: msgError
        });
    }

    viewModel.atenderCita = function () {
        if (!confirm("¿Esta seguro que desea guardar como atendido a la cita?")) { return; }
        var atencion = "A";
        if ($("#APROBO").attr("checked") == "checked") {
            atencion = "A";
        } else {
            atencion = "D";
        }
        viewModel.citaGenerada.FLGEST(atencion);
        var param = ko.toJSON(viewModel.citaGenerada);
        $.ajax({
            url: urlAtenderCita,
            type: "POST",
            async: true,
            contentType: "application/json",
            data: param,
            success: function (result) {
                alert(result.mensaje);
                if (confirm("¿Desea volver al listado de citas generadas?")) {
                    document.location = '@Url.Action("citasGeneradas","citas")';
                }
            },
            error: msgError
        });
    }

    viewModel.regresar = function () {
        document.location = '@Url.Action("citasGeneradas","citas")';
    }

    $(document).ready(function () {
        viewModel.verDatosCita();
    });

</script>
@ko.Apply(Model)
